﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="style/style.css" rel="stylesheet" type="text/css" />
<title>PEMEX</title>
<meta name="description" content="" />
<meta name="keywords" content="" />

<link type="text/css" href="css/south-street/jquery-ui-1.8.16.custom.css" rel="stylesheet" />	
		<script type="text/javascript" src="js/jquery-1.6.2.min.js"></script>
		<script type="text/javascript" src="js/jquery-ui-1.8.16.custom.min.js"></script>
		<script type="text/javascript">
			$(function(){
	
				// Tabs
				$('#tabs').tabs();
				
				//hover states on the static widgets
				$('#dialog_link, ul#icons li').hover(
					function() { $(this).addClass('ui-state-hover'); }, 
					function() { $(this).removeClass('ui-state-hover'); }
				);
				
			});
		</script>
		<style type="text/css">
			/*demo page css*/
			
			
			#dialog_link {padding: .4em 1em .4em 20px;text-decoration: none;position: relative;}
			#dialog_link span.ui-icon {margin: 0 5px 0 0;position: absolute;left: .2em;top: 50%;margin-top: -8px;}
			ul#icons {margin: 0; padding: 0;}
			ul#icons li {margin: 2px; position: relative; padding: 4px 0; cursor: pointer; float: left;  list-style: none;}
			
		</style>

<script type="text/javascript" src="scripts/1.js" language="javascript"></script>
<link href="style/gformCss.css" rel="stylesheet" type="text/css">
<link type="text/css" rel="stylesheet" href="style/pastel.css">
<style type="text/css">
    .form-label{
        width:150px !important;
    }
    .form-label-left{
        width:150px !important;
    }
    .form-line{
        padding:10px;
    }
    .form-label-right{
        width:150px !important;
    }
 

    .form-all{
        margin:0px auto;
        padding-top:0px;
        width:800px;
        background:url("images/noise.png") repeat scroll 0% 0% rgb(207, 204, 200);
        color:rgb(82, 75, 58) !important;
        font-family:Tahoma;
        font-size:13px;
    }
#apDiv1 {
	position:absolute;
	left:145px;
	top:316px;
	width:529px;
	height:30px;
	z-index:1;
}
#apDiv2 {
	position:absolute;
	left:239px;
	top:241px;
	width:518px;
	height:51px;
	z-index:2;
}
#apDiv3 {
	position:absolute;
	left:584px;
	top:217px;
	width:575px;
	height:34px;
	visibility: visible;
}
#apDiv4 {
	position:absolute;
	left:763px;
	top:152px;
	width:199px;
	height:178px;
}
body {
	background-image: url(images/body_bg1.png);
	background-repeat: repeat-x;
}
</style>

 

</head>

<body onload="MM_preloadImages('images/tab_webdesign_over.png','images/butt_viewweb_over.png','images/testimonialbutton_index_over.jpg','images/button_seepackages_over.jpg','images/nav_home_over.png','images/nav_about_over.png','images/nav_services_over.png','images/nav_portfolio_over.png','images/guardar_off.png','images/actualizar_off.png','images/editar_off.png','images/eliminar_off.png','images/priorizar_off.png','images/reporte_cierre_off.png','images/amenaza_cierre_off.png','images/iconos_form_07_off.png','images/iconos_form_09_off.png','images/iconos_form_11_off.png','images/iconos_form_13_off.png','images/iconos_form_15_off.png')">
<div id="top_bg">
<div class="container">
    	<div id="logo"><img src="images/nybbletech_logo.png" alt="" width="450" height="55" /></div>
        <div id="nav"> <a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image13','','images/nav_home_over.png',1)"><img src="images/nav_home.png" name="Image13" alt="" width="50" height="30" border="0" id="Image13" /></a><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image14','','images/nav_about_over.png',1)"><img src="images/nav_about.png" name="Image14" alt="" width="120" height="30" border="0" id="Image14" /></a><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image15','','images/nav_services_over.png',1)"><img src="images/nav_services.png" name="Image15" alt="" width="100" height="30" border="0" id="Image15" /></a><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image20','','images/nav_portfolio_over.png',1)"><img src="images/nav_portfolio.png" name="Image20" alt="" width="69" height="30" border="0" id="Image20" /></a></div>
      <!--nav end here -->
        <div class="clear"></div>
  </div><!--topbg close here -->
</div><!--container end here -->
    
<div id="header1">
  <div class="flash_container1">
    <div align="right" >
      <table width="800" border="0" align="center" cellpadding="0" cellspacing="0">
        <tr>
          <td colspan="7" align="center"><table width="100%" border="0" cellspacing="0" cellpadding="0">
            <tr>
              <td align="center">
                      <script type="text/javascript" src="js/jquery-ui-1.8.16.custom.min.js"></script>
        <script type="text/javascript" src="js/jquery.fixedMenu.js"></script>
        <link rel="stylesheet" type="text/css" href="css/fixedMenu_style2.css" />
        <script>
        $('document').ready(function(){
            $('.menu').fixedMenu();
        });
        </script>
    </head>
    <body>
    <div class="menu">
        <ul>
            <li>
                <a href="#">MI BANDEJA<span class="arrow"></span></a>
                
                <ul>
                    <li><a href="#">Mis Solicitudes</a></li>
                  
                </ul>
            </li>
            <li>
                <a href="#">SOLICITUDES<span class="arrow"></span></a>
                <ul>
                    <li><a href="#">Nueva Solicitud</a></li>
                    <li><a href="#">Busqueda De Solicitud</a></li>
                 
                </ul>
            </li>
            <li>
                <a href="#">PREDIOS AFECTADOS<span class="arrow"></span></a>
                <ul>
                    <li><a href="#">Nuevo Predio Afectado</a></li>
                    <li><a href="#">Busqueda De Predios</a></li>
                 
                </ul>
            </li>
            <li>
                <a href="#">OBRAS DE SEGUIMIENTO<span class="arrow"></span></a>
                <ul>
                    <li><a href="#">Nueva Obra De Seguimiento</a></li>
                    <li><a href="#">Busqueda De Obra</a></li>
                    <li><a href="#">Avance De Obras</a></li>
                    
                </ul>
            </li>
            
            <li>
                <a href="#">CATALOGOS<span class="arrow"></span></a>
                <ul>
                    <li><a href="#">Tipo De Proyecto</a></li>
                    <li><a href="#">Tipo De Instalación</a></li>
                    <li><a href="#">Tipo De Servicio</a></li>
                     <li><a href="#">Tipo De Clasificación</a></li>
                    
                </ul>
            </li>
            
            <li>
                <a href="#">CONSULTAS<span class="arrow"></span></a>
                <ul>
                    <li><a href="#">Actividades Totales Por Gestor</a></li>
                    
                    
                </ul>
            </li>
        </ul>
    </div></td>
              </tr>
          </table></td>
        </tr>
        <tr>
          <td colspan="3" align="center">&nbsp;</td>
          <td width="16%" align="center"><input class="form-textbox" id="input_" name="input_" size="15" type="text" /></td>
          <td width="1%" align="center">&nbsp;</td>
          <td width="5%" align="center">&nbsp;</td>
          <td width="13%" align="center"><input class="form-textbox" id="input_2" name="input_2" size="15" type="text" /></td>
        </tr>
        <tr>
          <td width="8%" align="center">&nbsp;</td>
          <td width="55%" align="center"><table width="80%" border="0" align="center" cellpadding="0" cellspacing="0">
            <tr>
              <td><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image35','','images/priorizar_off.png',1)"><img src="images/priorizar.png" name="Image35" width="108" height="21" border="0" id="Image35" /></a></td>
              <td><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image36','','images/reporte_cierre_off.png',1)"><img src="images/reporte_cierre.png" name="Image36" width="114" height="21" border="0" id="Image36" /></a></td>
              <td><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image37','','images/amenaza_cierre_off.png',1)"><img src="images/amenaza_cierre.png" name="Image37" width="130" height="21" border="0" id="Image37" /></a></td>
            </tr>
          </table></td>
          <td width="2%" align="center">&nbsp;</td>
          <td align="center">&nbsp;</td>
          <td align="center">&nbsp;</td>
          <td align="center">&nbsp;</td>
          <td align="center">&nbsp;</td>
        </tr>
      </table>
    </div>
  </div>
</div>
    
 <div id="body_bg">
   	  <div class="container">
   	    <div class="clear"></div>
   </div>  
        <div class="clear"></div>
</div>
<div id="body_bg">
   	  <div class="container">
   	    <div class="clear"></div>
               <form class="jotform-form" action="" method="post" name="form_13573251441" id="13573251441" accept-charset="utf-8">
                 <div class="form-all">
                   <table id="Table_01" width="801" height="70" border="0" cellpadding="0" cellspacing="0">
	<tr>
		<td colspan="10" rowspan="2">
			<img src="images/iconos_form_01.png" width="241" height="6" alt=""></td>
		<td rowspan="5">
			<img src="images/iconos_form_02.jpg" width="48" height="60" alt=""></td>
		<td colspan="2">
			<img src="images/iconos_form_03.png" width="511" height="1" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="1" height="1" alt=""></td>
	</tr>
	<tr>
		<td rowspan="2">
			<img src="images/iconos_form_04.png" width="218" height="10" alt=""></td>
		<td rowspan="4">
			<img src="images/iconos_form_05.png" width="293" height="59" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="1" height="5" alt=""></td>
	</tr>
	<tr>
		<td rowspan="3">
			<img src="images/iconos_form_06.png" width="11" height="54" alt=""></td>
		<td rowspan="3"><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image38','','images/iconos_form_07_off.png',1)"><img src="images/iconos_form_07.png" name="Image38" width="45" height="54" border="0" id="Image38" /></a></td>
		<td rowspan="3">
			<img src="images/iconos_form_08.png" width="1" height="54" alt=""></td>
		<td rowspan="3"><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image39','','images/iconos_form_09_off.png',1)"><img src="images/iconos_form_09.png" name="Image39" width="46" height="54" border="0" id="Image39" /></a></td>
		<td rowspan="3">
			<img src="images/iconos_form_10.png" width="1" height="54" alt=""></td>
		<td rowspan="3"><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image40','','images/iconos_form_11_off.png',1)"><img src="images/iconos_form_11.png" name="Image40" width="45" height="54" border="0" id="Image40" /></a></td>
		<td rowspan="3">
			<img src="images/iconos_form_12.png" width="1" height="54" alt=""></td>
		<td rowspan="3"><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image41','','images/iconos_form_13_off.png',1)"><img src="images/iconos_form_13.png" name="Image41" width="45" height="54" border="0" id="Image41" /></a></td>
		<td rowspan="3">
			<img src="images/iconos_form_14.png" width="1" height="54" alt=""></td>
		<td rowspan="2"><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image42','','images/iconos_form_15_off.png',1)"><img src="images/iconos_form_15.png" name="Image42" width="45" height="53" border="0" id="Image42" /></a></td>
		<td>
			<img src="images/spacer.gif" width="1" height="5" alt=""></td>
	</tr>
	<tr>
		<td rowspan="2">
			<img src="images/iconos_form_16.jpg" width="218" height="49" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="1" height="48" alt=""></td>
	</tr>
	<tr>
		<td>
			<img src="images/iconos_form_17.png" width="45" height="1" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="1" height="1" alt=""></td>
	</tr>
	<tr>
		<td colspan="13">
			<img src="images/iconos_form_18.png" width="800" height="10" alt=""></td>
		<td>
			<img src="images/spacer.gif" width="1" height="10" alt=""></td>
	</tr>
</table>
                  <div id="tabs">
	  <ul>
				<li><a href="#tabs-1">Primero</a></li>
				<li><a href="#tabs-2">Segundo</a></li>
				<li><a href="#tabs-3">Tercero</a></li>
			</ul>
			<div id="tabs-1">
<table width="100%" border="0" cellspacing="15" cellpadding="0">
                     <tr>
                       <td colspan="4"><label class="form-label-left" id="label_4" for="input_4"> Permisos P. </label></td>
                     </tr>
                     <tr>
                       <td colspan="2"><table width="100%" border="0" cellspacing="5" cellpadding="0">
                         <tr>
                           <td width="10%"><span class="form-radio-item">
                             <input class="form-radio" id="input_4_0" name="q4_permisosP" value="Erogación" type="radio" />
                           </span></td>
                           <td width="30%"><span class="form-label-left1">Erogación</span></td>
                           <td width="10%"><span class="form-radio-item">
                             <input class="form-radio" id="input_4_1" name="q4_permisosP" value="Verbal" type="radio" />
                           </span></td>
                           <td width="50%"><span class="form-label-left1">Verbal</span></td>
                         </tr>
                       </table></td>
                       <td colspan="2">&nbsp;</td>
                     </tr>
                     <tr>
                       <td width="92"><span class="form-label-left1">Obra</span></td>
                       <td width="200"><span class="form-input">
                         <select class="form-dropdown" style="width:200px" id="input_5" name="q5_obra">
                           <option selected="selected"> </option>
                           <option value="Opción 1 "> Opción 1 </option>
                           <option value="Opción 2 "> Opción 2 </option>
                           <option value="Opción 3"> Opción 3 </option>
                       </select>
                       </span></td>
                       <td colspan="2">&nbsp;</td>
                     </tr>
                     <tr>
                       <td><span class="form-label-left1">Exp. SIARP</span></td>
                       <td><span class="form-input">
                         <input class="form-textbox" id="input_6" name="q6_expSiarp" size="25" type="text" />
                       </span></td>
                       <td colspan="2">&nbsp;</td>
                     </tr>
                     <tr>
                       <td><span class="form-label-top">Area </span></td>
                       <td><span class="form-input-wide">
                         <input class="form-textbox" id="input_8" name="q8_area" size="25" type="text" />
                       </span></td>
                       <td width="83"><span class="form-label-top">Longitud</span></td>
                       <td width="350"><span class="form-input-wide">
                         <input class="form-textbox" id="input_9" name="q9_longitud" size="25" type="text" />
                       </span></td>
                     </tr>
                     <tr>
                       <td><span class="form-label-top">Km inicial </span></td>
                       <td><span class="form-input-wide">
                         <input class="form-textbox" id="input_10" name="q10_kmInicial" size="25" type="text" />
                     </span></td>
                        <td><span class="form-label-top">Km inicial </span></td>
                       <td><span class="form-input-wide">
                         <input class="form-textbox" id="input_11" name="q11_kmFinal" size="25" type="text" />
                       </span></td>
                     </tr>
                     <tr>
                       <td><span class="form-label-top">P.P. obtenido</span></td>
                       <td><span class="form-input-wide">
                         <input class="form-textbox" id="input_13" name="q13_ppObtenido" size="25" type="text" />
                       </span></td>
                       <td><span class="form-label-top">P.P. enviado</span></td>
                       <td><span class="form-input-wide">
                         <input class="form-textbox" id="input_12" name="q12_ppEnviado" size="25" type="text" />
                       </span></td>
                     </tr>
                     <tr>
                       <td><span class="form-label-top">Monto</span></td>
                       <td><span class="form-input-wide">
                         <input class="form-textbox" id="input_14" name="q14_monto" size="25" type="text" />
                       </span></td>
                       <td><span class="form-label-top">Observaciones</span></td>
                       <td><span class="form-input">
                         <select class="form-dropdown" style="width:200px" id="input_15" name="q15_observaciones">
                           <option selected="selected"> </option>
                           <option value="Opción 1 "> Opción 1 </option>
                           <option value=" Opción 2 "> Opción 2 </option>
                           <option value=" Opción 3"> Opción 3 </option>
                         </select>
                       </span></td>
                     </tr>
                     <tr>
                       <td colspan="4"><table width="100%" border="0" cellspacing="10" cellpadding="0">
                         <tr>
                           <td width="22%"><span class="form-label-top">Haga clic para editar </span></td>
                           <td width="78%"><span class="form-input">
                             <textarea id="input_16" class="form-textarea" name="q16_hagaClic16" cols="40" rows="6"></textarea>
                           </span></td>
                         </tr>
                       </table></td>
                     </tr>
                     <tr>
                       <td colspan="2"><table width="100%" border="0" cellspacing="10" cellpadding="0">
                         <tr>
                           <td width="10%">
                             <input class="form-checkbox" id="input_17_" name="input_17_" value="¿Existen compromisos  adquiridos?" type="checkbox" />
                           </span></td>
                           <td width="90%"><span class="form-label-top" style="clear:left;">
                             <label for="input_17_2">¿Existen compromisos adquiridos? </label>
                           </span></td>
                         </tr>
                       </table></td>
                       <td colspan="2"> <button id="input_18" type="submit" class="form-submit-button">
                           Enviar
                           </button></td>
                     </tr>
              </table>
            </div>
			<div id="tabs-2">Phasellus mattis tincidunt nibh. Cras orci urna, blandit id, pretium vel, aliquet ornare, felis. Maecenas scelerisque sem non nisl. Fusce sed lorem in enim dictum bibendum.</div>
			<div id="tabs-3">Nam dui erat, auctor a, dignissim quis, sollicitudin eu, felis. Pellentesque nisi urna, interdum eget, sagittis et, consequat vestibulum, lacus. Mauris porttitor ullamcorper augue.</div>
		</div>
		<div class="ui-widget"></div>

                   <table width="100%" border="0" cellspacing="0" cellpadding="0">
                     <tr>
                       <td>&nbsp;</td>
                     </tr>
                   </table>
                  
                   
                 </div>
                 
</form>
          
         <div class="clear"></div>
          
      </div>  
        <div class="clear"></div>
</div>
<div class="container">
    <div class="return_button">
    	
   	  <a href="index_modificado1.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image11','','images/portfoliobutton_back_over.jpg',1)"><img src="images/portfoliobutton_back.jpg" alt="Return Portfolio" name="Image11" width="199" height="35" border="0" id="Image11" /></a>    </div>
</div>
    
    
    <div id="footer_bg_portfolio">
    	<div id="footer_img">
    	  <div id="rite_cont"> <img src="images/promotion.png" alt="Promotion" width="281" height="297" border="0" usemap="#Map" />
              <map name="Map" id="Map">
                <area shape="rect" coords="36,37,95,73" href="packages.html"  alt=""/>
            </map>
  	    </div>
    	  <!--left footer end here -->
            
            
            
            
            <div id="rite_footer">
            <div >
              <div align="center"><img src="images/link_importantes.png" width="148" height="67" /> </div>
            </div>
              
            <div align="center">LINK IMPORTANTES</div>
          </div>
       	  <div class="clear"></div>
          
          <div id="footer_text">
          <p>PEMEX Exploración y Producción.</p>
          <p>&copy; Copyright 2011 PEMEX. All Rights Reserved.&nbsp;&nbsp;&nbsp;Privacy Policy &nbsp;|&nbsp; Valid CSS / XHTML</p>
          </div>
      </div><!--footer img div end here -->
    </div>
</body>
</html>
